﻿<!DOCTYPE html>
<html>
<head>
	<title>Maxstore</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="mô tả" />
	<meta name="keywords" content="từ khóa" />
	<meta name="robots" content="noodp,index,follow" />
	<meta http-equiv="content-language" content="vi" />
	<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<!--CSS-->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/skin.css" />
    <link rel="stylesheet" href="css/jquery.megamenu.css" type="text/css" media="screen" />
	<!--JAVASCIPT-->
	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.megamenu.js" type="text/javascript"></script>
    <script type="text/javascript">
      jQuery(function(){
        var SelfLocation = window.location.href.split('?');
        switch (SelfLocation[1]) {
          case "justify_right":
            jQuery(".megamenu").megamenu({ 'justify':'right' });
            break;
          case "justify_left":
          default:
            jQuery(".megamenu").megamenu();
        }
      });
    </script>    	
	<script type="text/javascript">
		
		jQuery(document).ready(function(){		
			jQuery('.sidebar-slide img, .control-slide img').click(function(){
				$('.act').removeClass('act');
				$(this).addClass('act');
				$('.main-content-slide a').fadeOut(2000);
				var show=$(this).attr('alt');
				$("#"+show).fadeToggle(1000);
			});	
		});
	</script>

	<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
    
	
	<script type="text/javascript"><!--Prod-slide-->
		function mycarousel_initCallback(carousel)
		{
			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});

			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});

			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
		};

		jQuery(document).ready(function() {
			jQuery('#slide-show, #slide-show2').jcarousel({
				auto: 0,
				wrap: 'last',
				initCallback: mycarousel_initCallback
			});
			$('.jcarousel-prev, .jcarousel-next').css('display','block');
		});
	</script>    
</head>

<body>
	<div id="header"><!--Header-->
		<form class="container">
			<div class="row-fluid">
				<div class="logo span4">
					<img src="images/logo-head.png" alt=""/>
				</div>
				
				<div class="search span5">
					<input type="text" name="search" class="txt-search" placeholder="Search ..."/>
					<input type="submit" name="submit" class="txt-submit"/>
				</div> 
				
				<div class="login span3">
					<p><a href="#">Sign in</a> | <a href="#">Login</a></p>
				</div>
			</div>
		</form>
	</div><!--End Header-->
	
	<div id="navigation"><!--Navigation-->
		<div class="container">
			<div class="row-fluid">
				<ul class="nav nav-pills span9 megamenu">
					<li class="active"><a href="javascript:void(0)">WOMEN</a>
                    
                        <div style="width: 936px;">
                        <div class="mega_content">
                              <div class="col_mega col_mega1">
                                <h3>New Arrivals</h3>
                                  <ul id="list-content">
        
                                        <li><a href="#">Dresses</a></li>
                                        <li><a href="#">Jeans</a></li>
                                        <li><a href="#">Tops & Tees</a></li>
                                        <li><a href="#">Tanks & Camis</a></li>
                                        <li><a href="#">Graphic Tees</a></li>
                                        <li><a href="#">Shirts & Blouses</a></li>
                                        <li><a href="#">Portofino Shirts</a></li>
                                        <li><a href="#">Essential Shirts</a></li>
                                        <li><a href="#">Sweaters</a></li>
                                        <li><a href="#">Cardigans</a></li>
										<li><a href="#">Suit Shop</a></li>
                                  </ul>
                              </div>
                              <div class="col_mega col_mega2">
                                <h3>New Collection</h3>
                                  <ul id="list-content">
        
                                        <li><a href="#">Dresses</a></li>
                                        <li><a href="#">Jeans</a></li>
                                        <li><a href="#">Tops & Tees</a></li>
                                        <li><a href="#">Tanks & Camis</a></li>
                                        <li><a href="#">Graphic Tees</a></li>
                                        <li><a href="#">Shirts & Blouses</a></li>
                                        <li><a href="#">Portofino Shirts</a></li>
                                        <li><a href="#">Essential Shirts</a></li>
                                        <li><a href="#">Sweaters</a></li>
                                        <li><a href="#">Cardigans</a></li>
										<li><a href="#">Suit Shop</a></li>
                                  </ul>
                              </div>
                              
                              <div class="col_mega col_mega3">
                                <h3>Sale Product</h3>
                                  <div class="sale_product">
                                       <div class="info_price">
                                            <a href="#" class="name_sp_sale">CN Clogs Beach/Garden</a>
                                            <p>Comfortable and fun to wear these clogs are the latest...</p>
                                            <p>Comfortable and fun to wear these clogs are the latest...</p>
                                            <div class="add_cart_sale">
                                                <a href="#" class="add_to_wish">+Add to wishlist</a>
                                                <span>$28.90</span>
                                            </div>
                                       </div>
                                       <a href="#" class="img_sale"><img src="images/sp_megamenu.jpg" alt="" /></a> 
                                  </div>
                              </div>
                          </div>
                          
                        </div>
                        
                    </li>
					<li><a href="#">MEN</a></li>
					<li><a href="#">KIDS</a></li>
					<li><a href="#">FASHION</a></li>
					<li><a href="#">COLLECTION</a></li>
				</ul>
				
				<div class="cart-small span3">
					<p><a href="#"><img src="images/icon-cart.png" alt=""/></a> <span>0</span> ITEM / <span>$ 0</span></p>
				</div>
			</div>
		</div>
	</div><!--End Navigation-->
	
	<div id="main-slide"><!--Main-Slide-->
				
		<div class="container">
			<div class="row-fluid">
				<div class="main-content-slide span9">
					<a href="http://google.com.vn/" id="a">
						<img src="images/img-large1.png" alt=""/>
					</a>
					<a target="_bank" href="http://facebook.com.vn/" id="b">
						<img src="images/img-large1.png" alt=""/>
					</a>
					<a href="#" id="c">
						<img src="images/img-large1.png" alt=""/>
					</a>
				</div>
				
				<div class="sidebar-slide span3">
					<img id="1" class="act" src="images/img1.png" alt="a"/>
					<img id="2" src="images/img1.png" alt="b"/>
					<img id="3" src="images/img1.png" alt="c"/>
				</div>
				
				<div class="control-slide span3">
					<img id="4" class="act" src="images/bg-control.png" alt="a"/>
					<img id="5" src="images/bg-control.png" alt="b"/>
					<img id="6" src="images/bg-control.png" alt="c"/>
				</div>
			</div>
		</div>
	</div><!--End Main-Slide-->
	
	<div class="slide-show-prod"><!--Slide show prod-->
		<form class="container">
			<h2>NEW PRODUCTS</h2>
			<ul id="slide-show" class="jcarousel-skin-tango">
				<li class="prod-item first span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
			</ul>
		</form>
	</div><!--End Slide show prod-->
	
	<div class="slide-show-prod"><!--Slide show prod-->
		<form class="container">
			<h2>FEATURE PRODUCTS</h2>
			<ul id="slide-show2" class="jcarousel-skin-tango">
				<li class="prod-item first span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
				<li class="prod-item span3">
					<img src="images/prod-img1.jpg" alt=""/>
					<h3>CN Clogs Beach/Garden Clog</h3>
					<p>Comfortable and fun to wear these clogs are the latest trend in fash</p>
					<p><span>+Add to wishlist</span><a href="#" class="btn-cart">$ 76.00</a></p>
				</li>
			</ul>
		</form>
	</div><!--End Slide show prod-->
	
	<div id="loved-by"><!--Loved by-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-left span2">
					<h2>Loved by</h2>
				</div>
				
				<div class="block-right span10">
					<div class="row-fluid">
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
					</div>
				</div>
			</div>
		</div>
	</div><!--End loved by-->
	
	<div id="footer"><!--footer-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-footer span4">
					<div class="row-fluid">
						<div class="span6">
							<h4>New Arrivals</h4>
							<ul>
								<li>Clothing</li>
								<li>Shoes</li>
								<li>Bags</li>
								<li>Accessories</li>
								<li>Zimmermann</li>
								<li>Acne</li>
								<li>Bassike</li>
								<li>Camilla and Marc</li>
							</ul>
						</div>
						<div class="span6">
							<h4>Brands we sell</h4>
							<ul>
								<li>Elle</li>
								<li>Reallxe</li>
								<li>Fabric</li>
								<li>Mayflower</li>
								<li>Levis Strauss</li>
								<li>Anzonica</li>
								<li>Reallxe</li>
								<li>Fabric</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="block-footer span4">
					<div class="row-fluid">
						<div class="span6">
							<h4>New Arrivals</h4>
							<ul>
								<li>Clothing</li>
								<li>Shoes</li>
								<li>Bags</li>
								<li>Accessories</li>
								<li>Zimmermann</li>
								<li>Acne</li>
								<li>Bassike</li>
								<li>Camilla and Marc</li>
							</ul>
						</div>
						<div class="span6">
							<h4>Brands we sell</h4>
							<ul>
								<li>Elle</li>
								<li>Reallxe</li>
								<li>Fabric</li>
								<li>Mayflower</li>
								<li>Levis Strauss</li>
								<li>Anzonica</li>
								<li>Reallxe</li>
								<li>Fabric</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="block-footer wide span4">
					<div class="row-fluid">
						<div class="shipping">
							<h3>True Fact</h3>
							<h2>FREE SHIPPING</h2>
							<p>for purchases above $200</p>
						</div>
						<div class="contact">
							<h3>1.800. (1.800.260.7890)</h3>
							<p><img src="images/icon-6.png" alt=""/><img src="images/icon-7.png" alt=""/><img src="images/icon-8.png" alt=""/></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div><!--End loved by-->
	
	<div id="copy-right"><!--copy-right-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-left span6">
					<p>Copyright &copy; 2013 MaxStore. All Rights Reserved.</p>
				</div>
				
				<div class="block-right span6">
					<p><a href="#"><img src="images/icon-10.png" alt=""/></a><a href="#"><img src="images/icon-11.png" alt=""/></a><a href="#"><img src="images/icon-12.png" alt=""/></a><a href="#"><img src="images/icon-13.png" alt=""/></a><a href="#"><img src="images/icon-14.png" alt=""/></a><a href="#"><img src="images/icon-15.png" alt=""/></a></p>
				</div>
			</div>
		</div>
	</div><!--End copy-right-->
	
</body>
</html>
